<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8"/>
  <title>Per Editor Options</title>
  <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
  <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
  <script src="../../dist/jsoneditor.js"></script>
</head>
<body>

<div class="container">
  <h1>Test: Per Editor Options</h1>
  <div class='json-editor-container'></div>
</div>

<script>
  JSONEditor.defaults.editors.object.options.collapsed = true;

  var jsonEditorContainer = document.querySelector('.json-editor-container');
  var value = document.querySelector('.value');

  var schema = {
    "title": "Configuration",
    "type": "object",
    "properties": {
      "test": {
        "type": "boolean",
        "title": "test"
      }
    }
  }

  var editor = new JSONEditor(jsonEditorContainer, {
    schema: schema,
    theme: 'bootstrap4',
    disable_edit_json: true,
    disable_properties: true,
    array_controls_top: true,
    iconlib: 'fontawesome5'
  })
</script>
</body>
</html>
